* { margin: 0; padding: 0; }

body { font-family: "Droid Sans", Arial; background-color: #efefef; }

body.putih { font-family: "Droid Sans", Arial; }

img.logo
{
position:absolute;
left:0px;
top:0px;
z-index:3;
}

.Navigation { height: 84px; background: url(images/Navigation.png)  repeat-x; border-bottom: 1px solid #919191; }

#NavigationInside { padding-left: 15px; width: 945px; margin: 0 auto; }

.Navigation ul li { float: left; position: relative; list-style: none; padding: 17px 10px; }

.Navigation ul li a { font-size: 14px; font-weight: bold; color: white; text-decoration: none; text-shadow: 0 1px 2px black; }

.Navigation ul li:hover { background: url(images/hover.png) repeat-x; height: 43px; -webkit-box-shadow: 0 0px 2px black inset; padding: 20px 9px; border-left: 1px solid #a4a4a4; border-right: 1px solid #a4a4a4; }

.Navigation ul li ul li:hover { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: auto; border: none; }

.Navigation ul li .horizontal li { padding: 14px 10px 14px 10px;  }

.Navigation ul li .horizontal li:first-child { margin-left: -10px; }

.Navigation ul li .horizontal li a { font-size: 12px; font-weight: normal; color: #c7c7c7; }

.arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #6a6a63; position: absolute; left: 20px; top: -15px; }

.Navigation ul li ul li .extended { position: absolute; top: 45px; left: 0; width: 220px; background: url(images/dropdownback.png); z-index: 1000; -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.8); box-shadow: 0 0 8px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid white; display: none; color: white; }

.Navigation ul li ul li .extended img { display: block; margin: 5px auto 15px auto; -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.5))); }

.Navigation ul li ul li .extended p { padding: 10px; font-size: 11px; line-height: 17px; text-shadow: 0 1px 1px black; }

.Navigation ul li ul li .extended h2, .Navigation ul li .ultraNav h2 { padding-top: 10px; padding-left: 10px; font-size: 16px; text-shadow: 0 1px 2px black; color: white; background: url(images/headerback.png) repeat-x; height: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }

.Navigation ul li ul li .extended span { padding-left: 10px; font-size: 11px; }

.Navigation ul li ul li .extended ul.smallNav { border-top: 1px solid rgba(141,141,141,0.50);  padding: 10px; height: 100px;  }

.Navigation ul li ul li .extended ul.smallNav li { width: 200px; padding: 0; line-height: 22px; font-weight: bold; background: url(images/linkback.png) no-repeat; }

.Navigation ul li ul li .extended ul.smallNav li a { color: #c7c7c7; text-shadow: none; }

.Navigation ul li ul li .extended ul.smallNav li a:hover { color: white; }

.Navigation ul li ul li .extended ul.smallNav li:first-child { margin: 0; }

.Navigation ul li ul li .extended ul.smallNav li:last-child { margin-bottom: 10px; }

.Navigation ul li ul li:hover .extended { display: block; }

.Navigation ul li ul li:hover a { color: white; }

.Navigation ul li .ultraNav { position: absolute; top: 55px; left: -100px; width: 294px;  background: url(images/dropdownback.png); border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 500; -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.6) box-shadow: 0 3px 8px black;
display: none; }

.ultraNav h2 { text-align: center; }

.Navigation ul li .ultra { width: 130px; float: left; margin: 10px 0 10px 10px; -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.6); -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-bottom: none; }
.Navigation ul li .ultra2 { width: 80px; float: left; margin: 10px 0px 10px 10px;  border-bottom: none; }
.Navigation ul li .ultra3 { width: 80px; float: left; margin: 10px 0px 10px 10px;  border-bottom: none; }

.Navigation ul li .ultra:first-child { margin: 0; }

.Navigation ul li .ultraNav .arrow-up { left: 130px; }

.Navigation ul li p.tulisan { padding: 10px; font-size: 11px; line-height: 17px; text-shadow: 0 1px 1px black; color: white; }

.Navigation ul li img { display: block; margin: 5px auto 15px auto; -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.5))); }

.Navigation ul li .ultra a { font-weight: normal; font-size: 12px; color: #c7c7c7; text-shadow: 0 1px 2px black; }
.Navigation ul li .a { font-weight: normal; line-height: 15px; font-size: 12px; color: #c7c7c7; text-shadow: 0 1px 2px black; }

.Navigation ul li .ultra li { width: 60px; line-height: 20px; padding: 3px 5px; background: url(images/linkback.png) no-repeat;  }

.Navigation ul li .ultra2 li { width: 75px; line-height: 15px; padding: 3px 5px; background: url(images/linkback.png) no-repeat;  }
.Navigation ul li .ultra3 li { width: 75px; line-height: 15px; padding: 3px 5px;  }

.Navigation ul li:hover .ultraNav { display: block; }

.Navigation ul li.search { float: left; position: relative; list-style: none; padding: 17px 10px; }

.Navigation ul li.search:hover { height: 43px; -webkit-box-shadow: 0 0px 2px black inset; padding: 20px 9px; border-left: 1px solid #a4a4a4; border-right: 1px solid #a4a4a4; }

table.content{
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
box-shadow: 5px 5px rgba(0,0,0,0.5);
}

td.font1{
font-size: 13px; color: #6a6a6a; text-decoration: none; padding-left: 25px;
}

td.firstname{
font-size: 17px; color: #404040; text-decoration: none; padding-left: 220px;
}

td.date {
padding-top: 10px; padding-right: 15px; color:#464646; font-size: 13px; text-align: right;
}

img.date{
padding-left: 20px; color:#464646; font-size: 13px;
}

td img.cer{
padding-left: 25px; padding-top: 10px;
}

td.createaccount{
padding-left: 20px; color:#3d3d3d; font-size: 20px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(219, 219, 219)), to(rgb(206, 206, 206)));
}

td.createaccount2{
padding-right: 70px; color:#3d3d3d; font-size: 20px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(219, 219, 219)), to(rgb(206, 206, 206)));
}

td.createaccount1{
padding-right: 20px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(219, 219, 219)), to(rgb(206, 206, 206)));
}

td.tabbox{
padding-left: 10px; padding-right: 15px;
}

td.tabbox1{
padding-left: 25px; padding-right: 15px; text-align: right;
}

td.footer{
padding-left: 85px;
}

img.fb{
opacity:0.4;
filter:alpha(opacity=40);
}

img.fb:hover{
opacity:1;
filter:alpha(opacity=100);
width: 42px; height: 42px;
}

img.twit{
opacity:0.4;
filter:alpha(opacity=40);
}

img.twit:hover{
opacity:1;
filter:alpha(opacity=100);
width: 44px; height: 44px;
}

img.go{
opacity:0.4;
filter:alpha(opacity=40);
}

img.go:hover{
opacity:1;
filter:alpha(opacity=100);
width: 44px; height: 44px;
}

.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

table.buatakun{
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;

-webkit-border-radius: 5px;
 -moz-border-radius: 5px; 
 border-radius: 5px; 
 border-collapse: collapse;
}

input.nd {
width: 365px; height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}

input.nd:focus{
border-color: #ff0000;
}

input.daftar{
color: white; border: none; font-weight:bold; font-size: 14px; height: 45px; width: 100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 0, 0)), to(rgb(163, 0, 0)));
}

button.back{
height: 45px;
padding: 6px 10px;
-webkit-border-radius: 2px 2px;
border: solid 1px rgb(153, 153, 153);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
color: #333;
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
text-shadow: 0px 1px 1px rgba(255,255,255,1);
line-height: 1;
}